<!DOCTYPE HTML>
<html>
<head>
    <title>商品列表</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="stylesheet" href="weui.css" media="all"/>
    <link rel="stylesheet" href="example.css" media="all"/>
</head>
<body>
<script type="text/javascript" src="jquery.min.js"></script>
<div class="container">
    <div class="weui-media-box ">
        <img class="weui-media-box__thumb" src="https://hbimg.huabanimg.com/df0008a22e520270672002ab086699d2d5cc9e29784a8-nvoRqm_fw658/format/webp" width="100%">
    </div>
    <div class="weui-panel__hd">商品秒杀</div>
    <div class="weui-panel__bd">
                    <div class="weui-media-box__bd" style="float: right;">
                <div class=" weui-media-box__bd" style="float: right;">

                    <a href="/seckill/seckill-goods/templates/search2868393.html?skuId=2868393" class="weui-swiped-btn weui-tabbar">
                     进入详情页...
                    </a>
                </div>
            </div>
        <a href="javascript:" class="weui-media-box weui-media-box_appmsg">
            <div class="weui-media-box__hd">
                <img class="weui-media-box__thumb" src="/seckill/seckill-goods/static/img/rongyao.jpg" height="80" width="80">
            </div>
            <div class="weui-media-box__bd">
                <h4 class="weui-media-box__title">三星 Galaxy C5（SM-C5000）4GB+32GB 枫叶金 移动联通电信4G手机 双卡双待</h4>
            </div>
        </a>
            <div class="weui-media-box__bd" style="float: right;">
                <div class=" weui-media-box__bd" style="float: right;">

                    <a href="/seckill/seckill-goods/templates/search2895136.html?skuId=2895136" class="weui-swiped-btn weui-tabbar">
                     进入详情页...
                    </a>
                </div>
            </div>
        <a href="javascript:" class="weui-media-box weui-media-box_appmsg">
            <div class="weui-media-box__hd">
                <img class="weui-media-box__thumb" src="/seckill/seckill-goods/static/img/xiaomi.jpg" height="80" width="80">
            </div>
            <div class="weui-media-box__bd">
                <h4 class="weui-media-box__title">三星 Galaxy C5（SM-C5000）4GB+32GB 烟雨灰 移动联通电信4G手机 双卡双待</h4>
            </div>
        </a>
            <div class="weui-media-box__bd" style="float: right;">
                <div class=" weui-media-box__bd" style="float: right;">

                    <a href="/seckill/seckill-goods/templates/search3234250.html?skuId=3234250" class="weui-swiped-btn weui-tabbar">
                     进入详情页...
                    </a>
                </div>
            </div>
        <a href="javascript:" class="weui-media-box weui-media-box_appmsg">
            <div class="weui-media-box__hd">
                <img class="weui-media-box__thumb" src="/seckill/seckill-goods/static/img/xiaomi.jpg" height="80" width="80">
            </div>
            <div class="weui-media-box__bd">
                <h4 class="weui-media-box__title">华为 麦芒5 全网通 4GB+64GB版 香槟金 移动联通电信4G手机 双卡双待</h4>
            </div>
        </a>
    </div>
    <div class="weui-panel__ft">
        <a href="javascript:" class="weui-cell weui-cell_active weui-cell_access weui-cell_link">
            <div class="weui-cell__bd">查看活动详情</div>
            <span class="weui-cell__ft"></span>
        </a>
    </div>
</div>
<div class="container">
    <div class="page__bd" style="height: 100%;">
        <div class="weui-tab">
            <div class="weui-tab__panel">

            </div>
            <div class="weui-tabbar">
                <div class="weui-tabbar__item weui-bar__item_on">
                    <div style="display: inline-block; position: relative;">
                        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F18%2F06%2F10%2Fcbe4e977b37ffdded2a4be7990deb1b9.jpg&refer=http%3A%2F%2Fbpic.588ku.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1626607652&t=d1fb5737b300a6626b22754b652921d2" alt="" class="weui-tabbar__icon">
                        <span class="weui-badge" style="position: absolute; top: -2px; right: -13px;">99999</span>
                    </div>
                    <p class="weui-tabbar__label">首页</p>
                </div>
                <div class="weui-tabbar__item">
                    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic.51yuansu.com%2Fpic3%2Fcover%2F00%2F63%2F42%2F589be2e56dc58_610.jpg&refer=http%3A%2F%2Fpic.51yuansu.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1626607796&t=edb2173e5dd6f8bd11d379fd49efd949" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label">正在秒杀</p>
                </div>
                <div class="weui-tabbar__item">
                    <div style="display: inline-block; position: relative;">
                        <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1107663396,132106820&fm=26&gp=0.jpg" alt="" class="weui-tabbar__icon">
                        <span class="weui-badge weui-badge_dot" style="position: absolute; top: 0; right: -6px;"></span>
                    </div>
                    <p class="weui-tabbar__label">购物车</p>
                </div>
                <div class="weui-tabbar__item">
                    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic.soutu123.cn%2Felement_origin_min_pic%2F01%2F36%2F31%2F66573c1059a79ce.jpg%21%2Ffw%2F700%2Fquality%2F90%2Funsharp%2Ftrue%2Fcompress%2Ftrue&refer=http%3A%2F%2Fpic.soutu123.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1626608014&t=b50bbdaf170af2bc75a8c5ab17700819" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label">我的</p>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>
